import * as React from "react";
import { SVGProps } from "react";

const SlackIcon = (props: SVGProps<SVGSVGElement>) => (
    <svg
        xmlns="http://www.w3.org/2000/svg"
        width={16}
        height={16}
        viewBox="0 0 16 16"
        fill="none"
        {...props}
    >
        <path
            fill="#E01E5A"
            d="M3.373 10.115a1.68 1.68 0 1 1-3.36 0c0-.93.75-1.682 1.68-1.682h1.68v1.682Zm.84 0a1.68 1.68 0 1 1 3.36 0v4.204a1.68 1.68 0 1 1-3.36 0v-4.204Z"
        />
        <path
            fill="#36C5F0"
            d="M5.893 3.363a1.68 1.68 0 0 1-1.68-1.681 1.68 1.68 0 1 1 3.36 0v1.681h-1.68Zm0 .854c.93 0 1.68.751 1.68 1.681a1.68 1.68 0 0 1-1.68 1.682H1.68A1.68 1.68 0 0 1 0 5.898c0-.93.751-1.681 1.68-1.681h4.213Z"
        />
        <path
            fill="#2EB67D"
            d="M12.627 5.898a1.68 1.68 0 1 1 3.36 0 1.68 1.68 0 0 1-1.68 1.682h-1.68V5.898Zm-.84 0a1.68 1.68 0 1 1-3.36 0V1.682a1.68 1.68 0 1 1 3.36 0v4.216Z"
        />
        <path
            fill="#ECB22E"
            d="M10.107 12.637c.929 0 1.68.752 1.68 1.682a1.68 1.68 0 1 1-3.36 0v-1.682h1.68Zm0-.84a1.68 1.68 0 0 1-1.68-1.682c0-.93.75-1.682 1.68-1.682h4.213c.929 0 1.68.752 1.68 1.682a1.68 1.68 0 0 1-1.68 1.681h-4.213Z"
        />
    </svg>
);

export default SlackIcon;
